@charset "utf-8";
/* 4eb6ff */

.top-tip-boswer {height:36px; line-height:36px; border:1px #d5d583 solid; background:#ffffdb; color:#d00; text-align:center; font-size:16px;}
.top-tip-boswer a {color:#4eb6ff;}

.logreg .banner-box {position:relative; float:left; width:700px; height:500px; margin-left:40px; margin-top:30px; overflow:hidden;}
.logreg .banner-box .banner {position:absolute; top:0; left:-50%; width:200%; height:100%;}
.logreg .banner-box .banner img {height:100%; margin:0 auto;}

.userRegLoginContain {width:360px; overflow:hidden; font-family:microsoft yahei; font-size:12px; background:#f7f7f7;}
.userRegLoginContain.pageLogin {position:absolute; top:33px; right:0; box-shadow:2px 2px 10px #444; z-index:3;}
.userRegLoginContain.loginPage,
.userRegLoginContain.regPage {position:absolute; top:60px; right:60px;}
/* y.z.m.c.r */
/*---------- 广告主媒介主选择 ----------*/
.userRegLoginContain .typeChose {height:50px;}
.userRegLoginContain .typeChose label {float:left; position:relative; width:50%; height:50px; line-height:50px; text-align:center; font-size:1.45em; cursor:pointer; outline:1px #e0e0e0 solid; background:#eee; z-index:2;}
.userRegLoginContain .typeChose label i {position:absolute; width:60px; height:3px; background:#4eb6ff; bottom:0; left:-9999px; margin-left:-30px;}
#companyTypeRadio:checked ~ .typeChose label.company,
#websiteTypeRadio:checked ~ .typeChose label.website {background:#f7f7f7; color:#4eb6ff; outline:none; z-index:1;}
#companyTypeRadio:checked ~ .typeChose label.company i,
#websiteTypeRadio:checked ~ .typeChose label.website i {left:50%;}
.userRegLoginContain .typeChose span {float:left; position:relative; width:50%; height:50px; line-height:50px; text-align:center; font-size:1.45em; cursor:pointer; outline:1px #e0e0e0 solid; background:#eee; z-index:2;}
.userRegLoginContain .typeChose span i {position:absolute; width:60px; height:3px; bottom:0; left:-9999px; margin-left:-30px;}
.userRegLoginContain .typeChose span.company i {background:#4eb6ff;}
.userRegLoginContain .typeChose span.website i {background:#ff632b;}
.userRegLoginContain .typeChose span.active {background:#f7f7f7; color:#4eb6ff; outline:none; z-index:1;}
.userRegLoginContain .typeChose span.active.company {color:#4eb6ff;}
.userRegLoginContain .typeChose span.active.website {color:#ff632b;}
.userRegLoginContain .typeChose span.active i {left:50%;}
/*---------- 广告主媒介区域 ----------*/
.userRegLoginContain .con {width:100%; position:relative; left:0;}
.userRegLoginContain .con .fcon {float:left; width:84%; padding:20px 8%; padding-bottom:0;}
/*.userRegLoginContain .con .fcon.website {display:none;}*/
#companyTypeRadio:checked ~ .con {left:0;}
#websiteTypeRadio:checked ~ .con {left:-100%;}
/*#websiteTypeRadio:checked ~ .con .fcon.website {display:block;}*/


/*--- 表单样式 ---*/
ul.userRegLoginform {display:table; width:100%;}
ul.userRegLoginform.hide {display:none;}
ul.userRegLoginform li {width:100%; margin-bottom:16px;}
ul.userRegLoginform .input {margin-right:2px; position:relative;}
ul.userRegLoginform .input input {width:100%; height:40px; line-height:40px; text-indent:40px; font-size:1.15em; border:1px #e0e0e0 solid; border-radius:4px;}
ul.userRegLoginform .input input {background:#fff url(../img/icon-forgetPass2.png) left top no-repeat;}
ul.userRegLoginform .input input.error {border:1px #f66 solid;}
ul.userRegLoginform .input input:focus, 
ul.userRegLoginform .input input.error:focus {border:1px #4eb6ff solid;}
ul.userRegLoginform .input input.user {background-position:0 0;}
ul.userRegLoginform .input input.pass {background-position:0 -160px;}
ul.userRegLoginform .input input.pass1 {background-position:0 -120px;}
ul.userRegLoginform .input input.pass2 {background-position:0 -160px;}
ul.userRegLoginform .input input.code {background-position:0 -40px;}
ul.userRegLoginform .input input.smsCode {background-position:0 -80px;}
/*--- 密码框上的小眼睛 ---*/
ul.userRegLoginform .input .eye {position:absolute; width:40px; height:40px; top:1px; right:1px; background:url(../img/icon-forgetPass2.png) left top no-repeat;}
ul.userRegLoginform .input .eye {background-position:0 -240px; display:none\9;}
ul.userRegLoginform .input .eye:hover {background-position:0 -200px;}
/*--- 获取验证码 ---*/
ul.userRegLoginform .input .getyzm {position:absolute; top:8px; right:8px;}
ul.userRegLoginform .input .getyzm .sms {float:left; height:26px; line-height:26px; color:#fff; padding:0 10px; border-radius:5px;}
ul.userRegLoginform .input .getyzm .sms.get.blue {background:#4eb6ff; cursor:pointer;}
ul.userRegLoginform .input .getyzm .sms.get.disabled {background:#b9b9b9; cursor:not-allowed;}
/*--- 验证码发送提示 ---*/
ul.userRegLoginform .input .smsTip {position:absolute; display:none; bottom:100%; left:20%; margin-bottom:10px; background:rgba(0,0,0,.7); background:url(../img/black7.png)\9; height:40px; line-height:40px; font-size:1.35em; color:#fff; padding:0 25px; border-radius:8px;}
/*--- 图形验证码 ---*/
ul.userRegLoginform .input .imgYzm {position:absolute; height:28px; right:7px; top:7px; cursor:pointer;}
ul.userRegLoginform .input .imgYzm img {height:100%;}
/*--- 错误提示 ---*/
ul.userRegLoginform .input .tip {position:absolute; bottom:100%; left:0; height:32px; line-height:32px; padding:0 15px; font-size:1.2em; border-radius:5px; visibility:hidden; z-index:2;}
ul.userRegLoginform .input .tip b {position:absolute; width:14px; height:14px; background:#f66; top:100%; margin-top:-8px; left:30px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
display:none\9;} 
ul.userRegLoginform .input .tip.error {background:#f66; color:#fff; visibility:visible;}
ul.userRegLoginform .input .tip.ok {visibility:hidden;}
/*客服QQ*/
ul.userRegLoginform .input .tip .qq {display:inline-block; margin-left:5px; width:22px; height:10px; position:relative;}
/*ul.userRegLoginform .input .tip .qq a {position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; left:0; background:url(/front/public/images/icon-cart-qq.png) center no-repeat;}*/
ul.userRegLoginform .input .tip .qq a {position:absolute; width:20px; height:20px; top:50%; margin-top:-10px; left:0; background:url(../img/icon-service-qq.png) left top no-repeat;}
ul.userRegLoginform .input .tip .qq a:hover {background-position:0 -20px;}
ul.userRegLoginform .input input:focus + .tip.error {visibility:hidden;}
/*--- 大按钮 ---*/
ul.userRegLoginform .bigBtn .btn {display:block; height:40px; line-height:40px; font-size:1.3em; color:#fff; text-align:center; border-radius:6px; cursor:pointer;}
ul.userRegLoginform .bigBtn .btn.orange {background:#4eb8ff;}
ul.userRegLoginform .bigBtn .btn.realOrange {background:#ff632b;}
ul.userRegLoginform .bigBtn .btn.red {background:#f66;}
ul.userRegLoginform .bigBtn .btn.blue {height:38px; line-height:38px; color:#4eb6ff; background:#fff; border:1px #4eb6ff solid;}
/*--- 文本内容 ---*/
ul.userRegLoginform .txts > span {height:18px; line-height:18px; font-size:1.15em;}
ul.userRegLoginform .txts > span.fl {float:left;}
ul.userRegLoginform .txts > span.fr {float:right;}
ul.userRegLoginform .txts > span.center {display:block; text-align:center;}
ul.userRegLoginform .txts > span a.blue {color:#4eb6ff;}
ul.userRegLoginform .txts > span a.red {color:#f33;}
ul.userRegLoginform .txts > span a:hover {text-decoration:underline;}
/*--- 用户信息 ---*/
ul.userRegLoginform .theUser {height:158px;}/*192*/
ul.userRegLoginform .theUser .userToux {display:table; margin:0 auto; padding-top:10px;} /*padding-top:25px*/
ul.userRegLoginform .theUser .userToux span {position:relative; display:block; width:100px; height:100px; border:3px #eee solid; border-radius:50%; overflow:hidden;}
ul.userRegLoginform .theUser .userToux span b {position:absolute; width:200%; height:100%; left:-50%; background:url(../img/userToux.jpg) center center no-repeat;}
ul.userRegLoginform .theUser .userToux span b img {margin:0 auto; height:100%;}
ul.userRegLoginform .theUser .userInfo {margin-top:20px; text-align:center; font-size:1.3em;} /*margin-top:25px*/

/*--- 记住密码 ---*/
ul.userRegLoginform .txts span .remember label {display:inline-block; height:18px; line-height:18px; padding-left:20px; position:relative;}
ul.userRegLoginform .txts span .remember label i {position:absolute; left:0; top:0; width:16px; height:16px; border:1px #e0e0e0 solid; border-radius:4px; overflow:hidden;}
ul.userRegLoginform .txts span .remember label i b {position:absolute; text-align:center; color:#333; opacity:0;}
ul.userRegLoginform .txts span .remember label i b:before {content:"✔";}
#remember1:checked + label[for="remember1"] i b,
#remember2:checked + label[for="remember2"] i b,
#xycompany:checked + label[for="xycompany"] i b,
#xywebsite:checked + label[for="xywebsite"] i b {opacity:1;}

/*--- 登录页面 ---*/
.logreg.page {background:#f7f7f7; padding:50px 0; padding-bottom:80px;}
.logreg.page .reg {height:560px; background:#fff; position:relative;}
.logreg.page .reg .logreg-box {right:60px; top:60px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;}
.logreg.page .reg .logreg-box .con .fcon {padding-bottom:20px;}

/*--- 验证码弹出层 ---*/
.popImgYzm .box .tit {height:40px; line-height:40px; text-align:center; font-size:1.5em;}
.popImgYzm .box .con {width:350px; padding:15px 25px; padding-bottom:0;}
.popImgYzm .box .con .bigBtn {display:table; width:100px; margin:0 auto;}
.popImgYzm .box.tip .con .txt {height:60px; font-size:1.25em; line-height:26px; text-align:center; color:#999;}
.popImgYzm .box.tip .con .txt span {color:#333;}

/*--- 协议弹出层 ---*/
.popXieyi .box {width:800px;}
.popXieyi .box .theXieYi {padding:0 25px;}
.popXieyi .box .theXieYi .xy-tit {height:40px; line-height:40px; text-align:center; font-size:1.5em; color:#4eb6ff;}
.popXieyi .box .theXieYi .xyCon {height:400px; overflow-y:auto; font-size:1.2em; margin:15px 0;}
.popXieyi .box .theXieYi .xyCon .blod {font-weight:bold; font-size:1.05em;}
.popXieyi .box .theXieYi .xyCon .nr {line-height:22px;}
.popXieyi .box .theXieYi .xyCon .part {margin-top:30px;}
.popXieyi .box .theXieYi .xyCon .part .part-tit {color:#d00; font-size:1.05em; font-weight:bold; padding-bottom:5px;}
.popXieyi .box .theXieYi .xyCon .part .part-con {line-height:24px;}


/*========== 找回密码页面 ==========*/
.forget {background:#f7f7f7; padding:40px 0; padding-bottom:70px;}
.forget .fg-box {background:#fff; padding:30px; border-radius:6px;}
/*---------- 找回帐号密码 ----------*/
.forget .fg-box .fg-tit {font-size:1.3em; height:40px; border-bottom:1px #f6f6f6 solid; margin-bottom:40px;}
/*---------- 步骤 ----------*/
.forget .fg-box .fg-steps {width:650px; height:80px; margin:0 auto; margin-bottom:40px; position:relative;}
.forget .fg-box .fg-steps i {display:block; height:30px; border-bottom:1px #eee solid; margin:0 40px;}
.forget .fg-box .fg-steps .step {position:absolute; width:80px; top:0; z-index:2;}
.forget .fg-box .fg-steps .step b {display:block; width:40px; height:40px; line-height:40px; margin:0 auto; text-align:center; font-size:2em; font-weight:normal; color:#fff; border:10px #fff solid; background:#e0e0e0; border-radius:50%;}
.forget .fg-box .fg-steps .step.s1 {left:0;}
.forget .fg-box .fg-steps .step.s2 {left:50%; margin-left:-40px;}
.forget .fg-box .fg-steps .step.s3 {right:0;}
.forget .fg-box .fg-steps .step.s1 b:before {content:"1";}
.forget .fg-box .fg-steps .step.s2 b:before {content:"2";}
.forget .fg-box .fg-steps .step.s3 b:before {content:"3";}
.forget .fg-box .fg-steps .step span {display:block; text-align:center; font-size:1.15em; color:#aaa;}
.forget .fg-box .fg-steps .step.s1 span:before {content:"验证身份";}
.forget .fg-box .fg-steps .step.s2 span:before {content:"设置新密码";}
.forget .fg-box .fg-steps .step.s3 span:before {content:"完成";}
.forget .fg-box .fg-steps .active b {background:#4eb6ff;}
.forget .fg-box .fg-steps .active span {color:#4eb6ff;}
/*----- 密码设置成功 -----*/
.forget .stepForm {width:320px; margin:0 auto;}
.forget .stepForm .typeChose {display:table; width:200px; margin:0 auto; height:50px; margin-bottom:30px;}
.forget .stepForm .typeChose span {float:left; position:relative; width:30%; margin:0 10%; height:100%; text-align:center; line-height:50px; font-size:1.3em; white-space:nowrap; cursor:pointer;}
.forget .stepForm .typeChose span i {position:absolute; width:100%; height:3px; background:#fff; bottom:0; left:0;}
.forget .stepForm .typeChose span:hover,
.forget .stepForm .typeChose span.active {color:#4eb6ff;}
.forget .stepForm .typeChose span:hover i,
.forget .stepForm .typeChose span.active i {background:#4eb6ff;}
.forget .stepForm .userMobile {height:30px; font-size:1.2em;}
.forget .stepForm .passSuccess {height:110px;}
.forget .stepForm .passSuccess .passOk {float:left;}
.forget .stepForm .passSuccess .passOkText b {display:block; font-size:2em; font-weight:normal; color:#333; padding:5px 0;}
.forget .stepForm .passSuccess .passOkText span {font-size:1.15em; color:#a1a1a1;}



input.none {position:fixed; left:-9999px; top:50%;}


